<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <!-- 若您需要使用Kendo UI Professional，请联系版权人获得合法的授权或许可。 -->

    <!--蓝鲸提供的公用样式库 -->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css-pro/bk.css" rel="stylesheet">
    <!--表依赖文件-->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/bk-icon-2.0/iconfont.css" rel="stylesheet">
    <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/js/jquery-1.10.2.min.js"></script>
    <script src="https://magicbox.bk.tencent.com/static_api/v3/bk/js/bk.js"></script>
    <!-- 数据埋点统计 -->
    <script src="http://magicbox.bk.tencent.com/static_api/analysis.js"></script>
</head>

<body>
    <!--table start-->
    <table class="bk-table has-table-bordered bk-demo">
        <thead>
            <tr>
                <th>序号</th>
                <th>名称</th>
                <th>位置</th>
                <th>日期</th>
                <th>类型</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Ravi Kumar</td>
                <td>India</td>
                <td>23/12/2012</td>
                <td>Paid</td>
                <td>
                    <span class="fb bk-text-info">Active</span>
                </td>
                <td>
                    <a class="bk-icon-button bk-success bk-button-mini" title="成功">
                        <i class="bk-icon icon-check-1 bk-icon"></i>
                        <i class="bk-text">提交</i>
                    </a>
                    <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                        <i class="bk-icon icon-edit bk-icon"></i>
                        <i class="bk-text">编辑</i>
                    </a>
                    <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                        <i class="bk-icon icon-close bk-icon"></i>
                        <i class="bk-text">删除</i>
                    </a>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>Ravi Kumar</td>
                <td>India</td>
                <td>23/12/2012</td>
                <td>Paid</td>
                <td>
                    <span class="fb bk-text-danger">Banned</span>
                </td>
                <td>
                    <a class="bk-icon-button bk-success bk-button-mini" title="成功">
                        <i class="bk-icon icon-check-1 bk-icon"></i>
                        <i class="bk-text">提交</i>
                    </a>
                    <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                        <i class="bk-icon icon-edit bk-icon"></i>
                        <i class="bk-text">编辑</i>
                    </a>
                    <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                        <i class="bk-icon icon-close bk-icon"></i>
                        <i class="bk-text">删除</i>
                    </a>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>Ravi Kumar</td>
                <td>India</td>
                <td>23/12/2012</td>
                <td>Paid</td>
                <td>
                    <span class="fb bk-text-success">Active</span>
                </td>
                <td>
                    <a class="bk-icon-button bk-success bk-button-mini" title="成功">
                        <i class="bk-icon icon-check-1 bk-icon"></i>
                        <i class="bk-text">提交</i>
                    </a>
                    <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                        <i class="bk-icon icon-edit bk-icon"></i>
                        <i class="bk-text">编辑</i>
                    </a>
                    <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                        <i class="bk-icon icon-close bk-icon"></i>
                        <i class="bk-text">删除</i>
                    </a>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>Ravi Kumar</td>
                <td>India</td>
                <td>23/12/2012</td>
                <td>Paid</td>
                <td>
                    <span class="fb bk-text-success">Active</span>
                </td>
                <td>
                    <a class="bk-icon-button bk-success bk-button-mini" title="成功">
                        <i class="bk-icon icon-check-1 bk-icon"></i>
                        <i class="bk-text">提交</i>
                    </a>
                    <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                        <i class="bk-icon icon-edit bk-icon"></i>
                        <i class="bk-text">编辑</i>
                    </a>
                    <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                        <i class="bk-icon icon-close bk-icon"></i>
                        <i class="bk-text">删除</i>
                    </a>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>Ravi Kumar</td>
                <td>India</td>
                <td>23/12/2012</td>
                <td>Paid</td>
                <td>
                    <span class="fb bk-text-danger">Banned</span>
                </td>
                <td>
                    <a class="bk-icon-button bk-success bk-button-mini" title="成功">
                        <i class="bk-icon icon-check-1 bk-icon"></i>
                        <i class="bk-text">提交</i>
                    </a>
                    <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                        <i class="bk-icon icon-edit bk-icon"></i>
                        <i class="bk-text">编辑</i>
                    </a>
                    <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                        <i class="bk-icon icon-close bk-icon"></i>
                        <i class="bk-text">删除</i>
                    </a>
                </td>
            </tr>
        </tbody>
    </table>
    <!--table end-->
    <div class="modal fade" id="" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
         data-backdrop="static">
        <div class="modal-dialog" style="width: 1000px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">添加奖项</h4>
                </div>
                <form id="validate_form">
                    <div class="bk-form" style="width:900px;padding: 10px" id="validate_form">
                        <input type="hidden" id="award_id" class="bk-form-input">
                        <div class="bk-form-item is-required">
                            <label class="bk-label" style="width:150px;">奖项名称</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <input type="text" class="bk-form-input" id="award_name" name="award_name"
                                       placeholder="请输入奖项名称">
                            </div>
                        </div>
                        <div class="bk-form-item is-required">
                            <label class="bk-label" style="width:150px;">评奖条件</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <div id="editor4_demo1">
                                    <div id="myEditor" style="width:730px;height:400px;" name="myEditor">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="bk-form-item is-required">
                            <label class="bk-label" style="width:150px;">奖项级别</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <select name="" id="award_level" class="bk-form-select">
                                    <option value=1>中心级</option>
                                    <option value=2>部门级</option>
                                    <option value=3>普照奖</option>
                                </select>
                            </div>
                        </div>
                        <div class="bk-form-item is-required">
                            <label class="bk-label" style="width:150px;">所属组织</label>
                            <div class="plugin3_demo" id="plugin3_demo3" style="display:inline-block;">
                                <!-- select2 通过ajax start -->
                                <div class="select2-container select2_box select2-container-active" id="s2id_autogen5"
                                     style="width:730px;">
                                    <a href="javascript:void(0)" class="select2-choice" tabindex="-1"><abbr
                                            class="select2-search-choice-close"></abbr> <span class="select2-arrow"
                                                                                              role="presentation"><b
                                            role="presentation"></b></span></a>
                                    <label for="belonging_org" class="select2-offscreen"></label>
                                    <input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true"
                                           role="button" aria-labelledby="select2-chosen-6">
                                </div>
                                <input type="hidden" class="select2_box bk-form-input"
                                       style="width: 450px; display: none;"
                                       tabindex="-1"
                                       title="" value="" id="belonging_org">
                                <!-- select2 通过ajax end -->
                            </div>
                        </div>
                        <div class="bk-form-item is-required">
                            <label class="bk-label" style="width:150px;">开始日期</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <input type="text" class="bk-form-input daterangepicker_demo" id="start_datetime"
                                       placeholder="选择日期..." name="start_datetime">
                            </div>
                        </div>
                        <div class="bk-form-item is-required">
                            <label class="bk-label" style="width:150px;">结束日期</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <input type="text" class="bk-form-input daterangepicker_demo" id="end_datetime"
                                       name="end_datetime" placeholder="选择日期...">
                            </div>
                        </div>
                        <div class="bk-form-item is-required">
                            <label class="bk-label" style="width:150px;">上传附件</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <input type="checkbox" checked="checked" id="need_attachment" name="need_attachment">
                            </div>
                        </div>
                        <div class="bk-form-item is-required">
                            <label class="bk-label" style="width:150px;">状态</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <input type="checkbox" checked="checked" id="status">
                            </div>
                        </div>
                    </div>
                </form>
                <div class="modal-footer">
                    <button type="button" class="bk-button bk-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="bk-button bk-primary" onclick="saveAward()">提交</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
</body>

</html>